﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>leaflet-demo</title>
    <link href="leaflet.css" rel="stylesheet" />
    <script src="leaflet.js"></script>

    <style>
        body {
            margin: 0px;
            padding: 0px;
        }


        #map {
            width: 100%;
            height: 100%;
            position: fixed;
        }
    </style>

    <script type="text/javascript">
        function onload() {
            let gisServiceUrl = window.document.location.origin + "/api/v1/GIS/{z}/{x}/{y}.png";
            //gisServiceUrl = "http://127.0.0.1:23018/api/v1/GIS/yx/{z}/{x}/{y}.png";
			gisServiceUrl = "http://127.0.0.1:23018/api/v1/GIS/normal/{z}/{x}/{y}.png";
            //gisServiceUrl = "https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png";
            var map = L.map('map').setView([30, 100], 5);
            L.tileLayer(gisServiceUrl, { maxZoom: 13 }).addTo(map);
        }
    </script>
</head>
<body onload="onload()">
    <div id="map">

    </div>
</body>
</html>